<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排行榜</title>
    <style>
        body{font-size: 45px;}
        body>img:first-child{width: 100%;height: 62px;}
        div:nth-child(2){background-color: #ffd8b1;width: 100%;height: 100px;margin-top: -13px;font-weight: bold;text-align: center;position: relative;}
        div.naughty>span{margin: auto;display: inline-block;height: 100px;line-height: 100px;}
        div.naughty>img:first-child{width: 33px;height: 55px;position: absolute;left:19px;top:20px;}
        div.naughty>img:last-child{width: 58px;height: 55px;position: absolute;right:19px;top:20px;}
        div:nth-child(3){height: 100px;line-height: 100px;background-color: #ededed;}
        div:nth-child(3)>a{margin-left: 50px;letter-spacing: 2px;}
        ul{list-style-type: none;padding: 0;margin: 0;width: 100%;}
        ul>li{width: 100%;height: 140px;line-height: 140px;border-bottom:1px solid #dddddd;position: relative;}
        ul>li>img:first-child{width: 54px;height: 54px;position: absolute;top: 42px;left: 50px;}
        ul>li>img:last-child{width: 30px;height: 64px;position: absolute;top: 41px;right: 50px;}
        ul>li>a{margin-left: 130px;}
    </style>
</head>
<body>
    <img src="./images/精选_01.jpg">
    <div class="naughty">
        <img src="images/登录_04.png"><span>排行榜</span><img src="images/书架_1.png">
    </div>
    <div><a>男生</a></div>
    <ul>
        <li><img src="./images/排行榜_03.png" alt=""><a>综合最热榜</a><img src="./images/精选_12.jpg"></li>
        <li><img src="./images/排行榜_06.png" alt=""><a>综合留存榜</a><img src="./images/精选_12.jpg"></li>
        <li><img src="./images/排行榜_08.png" alt=""><a>综合完结榜</a><img src="./images/精选_12.jpg"></li>
        <li><img src="./images/排行榜_10.png" alt=""><a>本周潜力榜</a><img src="./images/精选_12.jpg"></li>
        <li><img src="./images/排行榜_12.png" alt=""><a>百度热搜榜</a><img src="./images/精选_12.jpg"></li>
        <li><img src="./images/排行榜_14.png" alt=""><a>掌阅热销榜</a><img src="./images/精选_12.jpg"></li>
        <li><img src="./images/排行榜_16.png" alt=""><a>起点月票榜</a><img src="./images/精选_12.jpg"></li>
    </ul>
</body>
</html>